<template>
<div>
    <el-row :gutter="10">
        <el-col :span="12">
            <el-card shadow="never">
                <div slot="header">演示区</div>
                <editor v-model="content" :height="518" />
            </el-card>

        </el-col>
        <el-col :span="12">
            <el-card shadow="never">
                <div slot="header">展示区</div>
                <div v-html="content" style="height:600px; overflow: auto;"></div>
            </el-card>
        </el-col>
    </el-row>

</div>
</template>

<script>
import editor from '@/components/editor'
export default {
    components: {
        editor
    },
    data() {
        return {
            content: ''
        }
    }
}
</script>

<style>

</style>
